<template>
  <div>
    <BaseInput
      label="用户名"
      type="text"
      placeholder="请输入用户名"
      @blur="onBlur"
    />
    <hr />
    <BaseInput
      label="密码"
      type="text"
      placeholder="请输入密码"
      v-model="password"
    />
  </div>
</template>

<script>
import BaseInput from "./components/BaseInput.vue";

export default {
  name: "App",

  components: {
    BaseInput,
  },

  data() {
    return {
      username: "张三",
      hello: "你好",
      password: "",
    };
  },

  methods: {
    onBlur() {
      alert("onBlur");
    },
  },
};
</script>

<style></style>
